<template>
  <div id="temp">
    <mt-header fixed title="最美身边人"></mt-header>
    <!--1.首页-->
    <div id="show">
      <!-- 文章主体 -->
      <div class="detail-body">
        <div class="detail-title honour-detail-title">
          <h1>
            2018年7月<br/>最美身边人
          </h1>
          <h2>
            王小明
          </h2>
          <em>香洲区党支部</em>
          <img src="../../../statics/imgs/images/img.jpg" />
        </div>
        <div class="detail-content">
          <p>
            王小明同志表现很优秀，王小明同志表现很优秀，王小明同志表现很优秀，王小明同志表现很优秀，王小明同志表现很优秀，王小明同志表现很优秀，王小明同志表现很优秀，王小明同志表现很优秀，王小明同志表现很优秀，王小明同志表现很优秀，王小明同志表现很优秀，王小明同志表现很优秀，王小明同志表现很优秀，王小明同志表现很优秀，王小明同志表现很优秀。
          </p>
          <p>
            王小明同志表现很优秀，王小明同志表现很优秀，王小明同志表现很优秀，王小明同志表现很优秀，王小明同志表现很优秀，王小明同志表现很优秀，王小明同志表现很优秀，王小明同志表现很优秀，王小明同志表现很优秀，王小明同志表现很优秀，王小明同志表现很优秀，王小明同志表现很优秀，王小明同志表现很优秀，王小明同志表现很优秀，王小明同志表现很优秀。
          </p>
        </div>
      </div>


    </div>
  </div>
</template>

<script>
  import {Toast} from 'mint-ui';
  import kit  from '../../kits/apikit'
  export default{
    data(){
      return {
        id: 0,
        news:{}
      }
    },
    created()
    {
      this.id = this.$route.query.id;
      console.log(this.id);
      this.getNews();
    },
    methods:{
      getNews(){
        var url = kit.apikit+'type=getnew&newid='+this.id;
        this.$http.get(url).then(function (response) {
          if(response.body.status!=0){
            Toast(response.body.message);
            return;
          }
          this.news = response.body.message;
        })
      }
    }
  }
</script>
<style scoped>
  /*头部样式*/
  .mint-header{
    height: .9rem;
    background-color: #4284D8;
    font-size: .35rem;
  }
.detail-body{
  margin-top: .9rem;
}
</style>
